$(function () {
    //初始化左侧分类导航栏
    initLeftNavigationBar();
    // 导航左侧栏js效果 start
    $(".pullDownList li").hover(function () {
        $(".yMenuListCon").fadeIn();
        var index = $(this).index(".pullDownList li");
        if (!($(this).hasClass("menulihover") || $(this).hasClass("menuliselected"))) {
            $($(".yBannerList")[index]).css("display", "block").siblings().css("display", "none");
            $($(".yBannerList")[index]).removeClass("ybannerExposure");
            setTimeout(function () {
                $($(".yBannerList")[index]).addClass("ybannerExposure");
            }, 60)
        } else {
        }
        $(this).addClass("menulihover").siblings().removeClass("menulihover");
        $(this).addClass("menuliselected").siblings().removeClass("menuliselected");
        $($(".yMenuListConin")[index]).fadeIn().siblings().fadeOut();
    }, function () {

    })
    $(".pullDown").mouseleave(function () {
        $(".yMenuListCon").fadeOut();
        $(".yMenuListConin").fadeOut();
        $(".pullDownList li").removeClass("menulihover");

    })
    // 导航左侧栏js效果  end

})

function initLeftNavigationBar() {
    //ajax的配置
    $.ajax({
        //type 规定请求的类型（GET 或 POST）。
        type: "GET",
        //url 规定发送请求的 URL。默认是当前页面。
        url: "http://localhost:8080/zhibian/api/index/category/all",
        //dataType 预期的服务器响应的数据类型。
        dataType: "json",
        //async 布尔值，表示请求是否异步处理。默认是 true。
        async: false,
        //success 当请求成功时运行的函数。
        success: function (result) {
            var $pullDownList = $(".pullDownList").empty();//清空左侧导航栏
            var $yMenuListCon = $(".yMenuListCon").empty();//清空展开栏
            //each 遍历
            $.each(result.data, function (i, p) {
                //填充左侧导航栏
                var $li0_1 = $("<i class=\"list-icon-1\"></i>");
                var $li0_2 = $("<a target=\"_blank\"></a>").text(p.name).attr("href", p.link);
                var $li = $("<li class=\"\"></li>").append($li0_1, $li0_2, "<spann></spann>");
                $pullDownList.append($li);
                //填充展开栏
                var yMenuListConin = $("<div class=\"yMenuListConin\"></div>");//创建展开项
                $.each(p.children, function (j, c) {
                    //第一层子分类
                    var $a = $("<a class=\"yListName\"></a>").text(c.name).attr("href", c.link);
                    var $h3 = $("<h3></h3>").append($a);
                    //第二层子分类
                    var $p = $("<p></p>");
                    $.each(c.children, function (k, cc) {
                        var $aa = $("<a class=\"ecolor610\"></a>").text(cc.name).attr("href", cc.link);
                        $p.append($aa);
                    })
                    var $div = $("<div class=\"yMenuLCinList\"></div>").append($h3, $p);
                    yMenuListConin.append($div);
                })
                //将展开项添加到展开栏
                $yMenuListCon.append(yMenuListConin);
            })
        }
    })

}